<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/base/main/pubInclude.jsp" %>
<!DOCTYPE HTML>
<html>
<head>
	<meta charset="utf-8">
	<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
	<title><spring:message code="base.authoriza.user.Personalinformation" /></title>
	<link href="${el:getWebRootPath()}/base/main/css/personal.css" rel="stylesheet" type="text/css" />
	<script type="text/javascript" src="${el:getWebRootPath()}/resource/js/sea.js"></script>
	<style>
	.grid span.textbox-readonly input{color:#999;}
	</style>
</head>

<body class="easyui-layout" style="margin: 0;padding: 0;overflow-x:hidden; height:98%;">
<div style="width: 100%;height: 100%;padding: 0px;box-sizing: border-box;">
	<div class="personal-bd">
		<div style="display:none;" class="per-title"><spring:message code="base.authoriza.user.modify" /><spring:message code="base.authoriza.user.Personalinformation" /></div>
		<form id="userupd">
			<input type='hidden' id="userId" name="userId"/>
			<input type="hidden" id="deptId" name="deptId"/>
		<div>
			<table cellpadding="10" style="width:100%;">
				<tbody>
					<tr>
						<td class="tdkey">
							<span>*</span><spring:message code="base.authoriza.user.name" />:
						</td>
						<td class='tdvalue'>
							<input class="easyui-textbox" type="text" id="userName" name="userName" data-options="prompt:'',required:true,validType:'userName'"/>
						</td>
					</tr>
					<tr>
						<td class="tdkey ">
							<span>*</span><spring:message code="base.authoriza.user.gender" />:
						</td>
						<td class='tdvalue'>
				            <input type="text" name="sex" id="sex" style="color: #999;"/>
						</td>
					</tr>
					<tr>
						<td class="tdkey">
							<span>*</span><spring:message code="base.authoriza.user.Mobilenumber" />:
						</td>
						<td class='tdvalue'>
							<input class="easyui-textbox" readonly="readonly" style="color: #999;" type="text" id="mobile" name="mobile" data-options="prompt:'',required:true,validType:'mobile'"/>
						</td>
					</tr>
					<tr>
						<td class="tdkey">
							<span>*</span><spring:message code="base.authoriza.user.Idcard" />:
						</td>
						<td class='tdvalue grid'>
							<input class="easyui-textbox" readonly="readonly" style="color: #999;" type="text" id="cardNo" name="cardNo" data-options="prompt:'',required:true,validType:'cardNo'"/>
						</td>
					</tr>
					<tr>
						<td class="tdkey">
							<span>*</span><spring:message code="base.authoriza.user.user" /><spring:message code="base.authoriza.user.email" />:
						</td>
						<td class='tdvalue'>
							<input class="easyui-textbox" type="text" id="email" name="email" data-options="prompt:'',required:true,validType:'email'"/>
						</td>
					</tr>
					<tr>
						<td class="tdkey">
							<span>*</span><spring:message code="base.authoriza.user.user" /><spring:message code="base.authoriza.user.Headportrait" />:
						</td>
						<td class='tdvalue'>
							<div>
							<img id="userIcon" src="${el:getWebRootPath()}/resource/images/user_icon.png" width="50" style="height: 50px;border-radius: 50%;"/>
							<input type="text" id="userImg" name="userImg">
						</div>
						</td>
					</tr>
					<tr>
						<td class="tdkey">
							<span>*</span><spring:message code="base.authoriza.user.detailed" /><spring:message code="base.authoriza.user.address" />:
						</td>
						<td class='tdvalue'>
							<input class="easyui-textbox" type="text" id="address" name="address" data-options="prompt:'',validType:'null',required:true,validType:'userCode'"/>
						</td>
					</tr>
				</tbody>
		</table>
		</div>
		</form>
         <div class="bottom-btn">
            <a id="btn-save" style="text-decoration: none;"><spring:message code="base.authoriza.user.save" /></a>
            <a id="rtn-back" onclick="history.go(-1)"><spring:message code="base.authoriza.user.return" /></a>
	     </div>	
	</div>
</div>
	<script type="text/javascript">
	
	seajs.use(["base/main/js/personal.js"],function(app){
		app.init();
	});
	</script>
</body>
</html>
